<template>
  <div class="company">
    <el-form :model="info">
      <el-form-item label="企业名称" label-width="100px">
        <el-input v-model="info.name" disabled />
      </el-form-item>
      <el-form-item label="公司地址" label-width="100px">
        <el-input v-model="info.companyAdress" disabled />
      </el-form-item>
      <el-form-item label="公司电话" label-width="100px">
        <el-input v-model="info.companyPhone" disabled />
      </el-form-item>
      <el-form-item label="邮箱" label-width="100px">
        <el-input v-model="info.mailbox" disabled />
      </el-form-item>
      <el-form-item label="备注" label-width="100px">
        <el-input v-model="info.remarks" disabled />
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { company } from '@/api/setting.js'
import { mapState } from 'vuex'
export default {
  data() {
    return {
      form: [],
      info: {}
    }
  },
  computed: {
    ...mapState('user', ['userinfo'])
  },
  created() {
    this.company()
  },
  methods: {
    async company() {
      const res = await company(this.userinfo.companyId)
      this.info = res.data
      console.log(res)
    }
  }

}
</script>

<style>

</style>
